.electronic_contract {
  min-height: 10rem;
  border-bottom: 1px #ccc solid;
  text-align: center;
  line-height: 10rem;
}
.md-button.block {
  width: 70%;
  margin: 20px auto;
}
.md-button.warning {
  background-color: #ff0a13;
  color: #fff;
}
.g-ing {
  padding: 0.3rem;
  .g-ing-img {
    width: 150px;
    height: 150px;
    background-color: #ccc;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .g-ing-tip {
    text-align: center;
    padding: 0.2rem;
    color: grey;
    b {
      display: inline-block;
      margin: 0.2rem 0;
      font-size: 35px;
      color: black;
    }
  }
  .g-pass-list {
    padding: 0.2rem;
  }
  .g-ing-button {
    margin-top: 0.4rem;
    padding: 0.2rem;
  }
}
.g-pass {
  .g-pass-img {
    background-color: pink;
    height: 300px;
  }
  .g-pass-tip {
    text-align: center;
    padding: 0.2rem 0 0.5rem;
    border-bottom: 0.2rem solid #ccc;
    p {
      color: grey;
      b {
        color: black;
        font-size: 30px;
      }
      span {
        color: red;
        font-size: 25px;
      }
    }
  }
  .g-pass-list {
    padding: 0.2rem;
  }
  .g-pass-button {
    padding: 0.2rem;
  }
}
.g-refuse {
  .g-pass-img {
    background-color: pink;
    height: 300px;
  }
  .g-pass-tip {
    text-align: center;
    padding: 0.2rem 0 0.5rem;
    border-bottom: 0.2rem solid #ccc;
    p {
      color: grey;
      b {
        color: black;
        font-size: 30px;
      }
    }
  }
  .g-pass-list {
    padding: 0.2rem;
  }
  .g-pass-button {
    padding: 0.2rem;
  }
}
